html, body, .geral {height: 100%;}
::-moz-selection { background: @azulClaro5; color: #fff; text-shadow: none; }
::selection { background: @azulClaro5; color: white; text-shadow: none; }
a { 
    color: @azulEscuro4;
}
h1,h2,h3,h4,h5,h6,legend,th{
    color: @azulEscuro5;
}
h1.titulo{
	text-align: center;
	display: block;
	width: 100%;
	padding: 0;
	margin: 0 0 20px;
	font-size: 21px;
	line-height: 40px;
	border: 0;
	border-bottom: 1px solid @cinzaBackGround5;
	font-weight: normal;
}
html{
    min-height: 100%;
}
body {
  margin: 0;
  font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
  font-size: 14px;
  line-height: 20px;
  color: @colorBody;
  background-color: @bgBody;
}

textarea,
input[type="text"],
input[type="password"],
input[type="datetime"],
input[type="datetime-local"],
input[type="date"],
input[type="month"],
input[type="time"],
input[type="week"],
input[type="number"],
input[type="email"],
input[type="url"],
input[type="search"],
input[type="tel"],
input[type="color"],
.uneditable-input {
    background-color: #ffffff;
    border: 1px solid #cccccc;
    .box-shadow(inset 0 1px 1px rgba(0, 0, 0, 0.075));
    -webkit-transition: border linear 0.2s, box-shadow linear 0.2s;
    -moz-transition: border linear 0.2s, box-shadow linear 0.2s;
    -o-transition: border linear 0.2s, box-shadow linear 0.2s;
    transition: border linear 0.2s, box-shadow linear 0.2s;
    &:focus{
            border-color: rgba(82, 168, 236, 0.5);
        outline: 0;
        outline: thin dotted \9;
        .box-shadow(none);
        /* IE6-9 
        .box-shadows(inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 8px rgba(82, 168, 236, 0.6));
        */
    }
}

.btn {
    &:hover,&:active,&.active,&.disabled,&[disabled]{
        color: #333333;
        background-color: #e6e6e6;
        *background-color: #d9d9d9;
    }
    &:active, &.active{
        background-color: #cccccc \9;
    }
    &-primary{
        color: #ffffff;
        #gradient.vertical(@azulEscuro3,@azulEscuro5);
        border-color: @azulEscuro3 @azulEscuro4 @azulEscuro5;
        border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25);
        &:hover,&:active,&.active,&.disabled,&[disabled]{
            color: #ffffff;
            background-color: @azulEscuro5;
            *background-color: @azulEscuro4;
        }
        &:active,&.active{
            background-color: #003399 \9;
        }
    }
    &-info{
        #gradient.vertical(@azulClaroBackGround6,@azulClaroBackGround8);
        border-color: @azulClaroBackGround6 @azulClaroBackGround7 @azulClaroBackGround8;
        border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25);
        color: #fff;
        text-shadow: rgba(55, 55, 55, 0.347059) 0px -1px 0px;

        &:hover,&:active,&.active,&.disabled,&[disabled]{
            color: #fff;
            background-color: @azulClaroBackGround8;
            *background-color: @azulClaroBackGround8;
        }
        &:active,&.active{
            background-color: #24748c \9;
        }
    }
    &-danger{
        &:hover,&:active,&.active,&.disabled,&[disabled]{
            color: #ffffff;
            background-color: #BD362F;
            *background-color: #BD362F;
        }
    }
    &-inverse{
    	&:hover,&:active,&.active,&.disabled,&[disabled]{
            color: #ffffff;
            background-color: #222;
            *background-color: #222;
        }
    }
}

.label,
.badge {
  &-default           { background-color: #eee; color: #333; }
  &-default[href]     { background-color: darken(#eee, 10%); color: #333; }
  
  &-primary           { background-color: @azulEscuro5; }
  &-primary[href]     { background-color: darken(@azulEscuro5, 10%); }
  
  &-danger            { background-color: #BD362F; }
  &-danger[href]      { background-color: darken(#BD362F, 10%); }
}

.menu-left{
    .bs-docs-sidenav {
        li {
            > a, > h2 {
                display: block;
                width: 230px 9;
                margin: 0 0 -1px;
                border: 1px solid @cinzaBackGround6;
            }
            > a {
                padding: 8px 14px;
                
                &:hover{
                    background: @cinzaBackGround3;
                    .icon-right{
                        opacity: .75;
                    }
                }
            }
            > h2{
                padding: 2px 14px;
                font-size: 16px;
                color: @cinzaBackGround9;
                text-align: center;
                font-weight: normal;
            }
        }
        .icon-right{
            float: right;
            margin-top: 2px;
            margin-right: -6px;
            opacity: .4;
        }
        .label-right{
            float: right;
            margin-right: 5px;
        }
        padding: 0;
        .border-radius-kl(3);
    }
    .box-shadow(1px 1px 3px #ddd);
}

.breadcrumb, .form-actions {
    background-color: @cinzaBackGround3;
}
/*FORM*/
form{
	label.required{
		color: @azulEscuro5;
		//font-weight: bold;
	}
	label.error{
		color: red;
	}
}
.form-horizontal .controls {
	margin-left: 200px;
}
.form-horizontal .control-label {
	width: 180px;
}
legend {
	margin-bottom: 5px;
}
.form-horizontal.form-wdthmax{
	&60{
		& .control-label {
			width: 60px;
		}
		& .controls {
			margin-left: 80px;
		}
	}
	&80{
		& .control-label {
			width: 80px;
		}
		& .controls {
			margin-left: 100px;
		}
	}
}
.form-btns{
	text-align: center;
	float: right; 
	width: auto; 
	a, input, submit{
		margin-top: 3px;
		margin-bottom: 3px;
	}
}
.form-actions{
	margin: 3px auto 0; 
	padding: 10px 20px 10px;
}

footer {
    hr{
        margin: 5px 0;
    }
    position: relative;
    width: 100%;

    height: @heightFooter;
    margin: (-@heightFooter - 12) 0 0;
    text-align: center;
    background: @bgBody;
    color: @azulEscuro5;
    padding: 6px 0;
    border: none;
    font-size: 12px;
    clear:both
}

.table tbody{
	& tr.error{
		& td{
    		background-color: @colorError4 !important;
    	}
    	&:nth-child(odd) td{
    		background-color: @colorError5 !important;
    	}
    }
    & tr.success{
		& td{
    		background-color: @colorSuccess4 !important;
    	}
    	&:nth-child(odd) td{
    		background-color: @colorSuccess5 !important;
    	}
    }
    & tr.info{
		& td{
    		background-color: @colorInfo4 !important;
    	}
    	&:nth-child(odd) td{
    		background-color: @colorInfo5 !important;
    	}
    }
}
table{
    display: table;
    border: 1px solid @cinzaBackGround5;
    border-collapse: separate;
    border-radius: 10px;

    &.table-striped tbody tr:nth-child(odd) {
        th, td{
            background-color: @cinzaBackGround2;
        }
        td{
        	line-height: 30px;
        }
    }
    &.tb-description{
    	th{
    		background: @cinzaBackGround3;
			text-align: center !important;
		}
		td{
			text-align: left;
		}
		.tdtitulo{
			font-weight: bold
		}
    }
}
.table-legend{
	margin-right: 10px;
}



.dropdown-menu li > a:hover, .dropdown-menu li > a:focus, .dropdown-submenu:hover > a {
    #gradient > .vertical(@azulEscuro4, @azulEscuro5);
}
.top-user-nome{
	color: white;
	margin: 10px;
}
.modal {
	top: 70%;
}

/**** BOX PERSONALIZADA ****/

.offset-top{
 	margin-top: 60px;
}

.box-top{
	margin-bottom: 15px;
	
    .navbar-inn{
        position: relative;
        height: 30px;
        min-height: 30px;
        //margin: @heightTop+10 auto 0;
        margin: 0 auto;
        padding: 5px;
        
        .border-radius-kl(1);
        z-index: 2;

        &.top-azul{
            #gradient > .vertical(@azulEscuro4, @azulEscuro5);
            border: 1px solid @azulEscuro6;
            .box-shadow(0 0 3px @azulEscuro3);
            h1{
                color: white;
            }
            .close{
                line-height: 30px;
                font-size: 30px;
                color: white;
                text-shadow: 0 1px 0 black;
                opacity: 0.5;
                filter: alpha(opacity=50);
                margin: -13px 0;
                padding: 5px;

                &:hover{
                    opacity: 0.85;
                }
            }
        }

        &.top-cinza{
            #gradient > .vertical(#EEE, #DDD);
            border: 1px solid #DDD;
            .box-shadow(0 0 3px #CCC);
        }

        h1{
            font-size: 16px;
            line-height: 16px;
            text-align: center;
        }

        ul{
            li{
                a{
                    padding: 5px 15px 5px;
                    color: white;
                    .border-radius-kl(1);
                    &:hover{
                        background: @azulEscuro5;
                    }
                    &.dropdown-toggle{
                        .caret{
                            border-top-color: white;
                            border-bottom-color: #777;
                        }
                    }
                }
                &.active{
                    text-align: center;
                    float: left;
                    color: black;
                    overflow: hidden;
                    a:hover{
                        background: white;
                        cursor: default;
                    }
                }
                &.divider-vertical {
                    height: 30px;
                    margin: 0 9px;
                    border-left: 1px solid @azulEscuro5;
                    border-right: 1px solid @azulEscuro7;
                }
                ul{
                    a{
                        &:hover{
                            .border-radius(0);
                            color: white;
                            #gradient > .vertical(@azulEscuro4, @azulEscuro5);
                        }
                    }
                }
            }
        }
    }

    .box-content{
        
        position: relative;
        margin: 0;

        .box-shadow(1px 1px 3px #DDD);
        .border-radius-kl(2);
        .box-sizing(border-box);
        border: 1px solid #DDD;

    }    
}

/****  PERSONALIZANDO O SCROLL ****/
.scroller {
	position:absolute; z-index:1;
	//-webkit-touch-callout:none;
	-webkit-tap-highlight-color:rgba(0,0,0,0);
	width:100%;
	padding:0;
        ul {
            list-style:none;
            padding:0;
            margin:0;
            width:100%;
            text-align:left;
        }
        li {
            padding:0 10px;
            height:40px;
            line-height:40px;
            border-bottom:1px solid #ccc;
            border-top:1px solid #fff;
            background-color:#fafafa;
            font-size:14px;
        }
}
.anchor{
    display: none;
}
.noSelect { 
    user-select: none; 
    -o-user-select: none; 
    -moz-user-select: none; 
    -khtml-user-select: none; 
    -webkit-user-select: none; 
}

@paddRightMiniNoticia:		8px;
.mininoticia{
	border-right: 1px solid @cinzaBackGround5;
	padding-right: @paddRightMiniNoticia;
	text-align: justify;
	
	&:last-child{
		border-right: none;
		padding-right: @paddRightMiniNoticia;
		text-align: justify;
	}
}

.vid{
	border: 1px solid @azulEscuro3;
	.box-shadow(2px 2px 5px @cinzaBackGround5);
	.box-sizing(border-box);
}